/* 全局控制 */
* {
  margin: 0; /* 取消外边距 */
  padding: 0; /* 取消内边距 */
  box-sizing: border-box;
}

body {
  font: 14px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC',
    'WenQuanYi Micro Hei', 'sans-serif';
  color: #333;
}

a {
  /* 除去超链接默认下划线 */
  text-decoration: none;
}

ul {
  /* 除去列表前面默认的小黑点 */
  list-style-type: none;
}

input {
  /* 去除文本框默认的外框 */
  outline: none;
}

/* 双伪标签 */
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/* 版心 */
.w {
  width: 1226px;
  margin: 0 auto;
}

/* 顶部工具条 */
.site-topbar {
  height: 40px;
  background-color: #333333;
}

.site-topbar-left {
  float: left;
}

.site-topbar-right {
  float: right;
}

.site-topbar a {
  display: inline-block;
  color: #b0b0b0;
  font-size: 12px;
  line-height: 40px;
}

.site-topbar a:hover {
  color: #fff;
}

.site-topbar span {
  margin: 0 3px;
  color: #424242;
}

.site-topbar .shopping-cart {
  height: 40px;
  margin-left: 20px;
  padding: 0 20px;
  background-color: #424242;
}

.site-topbar .shopping-cart:hover {
  color: #ff6a00;
  background-color: #ffffff;
}

/* 导航搜索栏 */
.site-nav-search {
  height: 100px;
}

.logo {
  float: left;
  width: 56px;
  height: 56px;
  background-color: pink;
  margin-top: 22px;
  background: url(../img/logo-mi2.png) center/56px no-repeat;
}

.site-nav-search .nav {
  float: left;
  margin-left: 175px;
}

.site-nav-search .nav li {
  float: left;
}

.site-nav-search .nav li a {
  color: #333;
  font-size: 16px;
  line-height: 100px;
  padding: 20px 10px;
}

.site-nav-search .nav li a:hover {
  color: #ff6a00;
}

.site-nav-search .search {
  float: right;
}

.site-nav-search .search input {
  float: left;
  width: 245px;
  height: 50px;
  border: 1px solid #ccc;
  border-right: 0;
  margin-top: 25px;
  padding-left: 10px;
}

.site-nav-search .search button {
  float: left;
  width: 52px;
  height: 50px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: 25px;
  color: #616161;
  font-size: 20px;
}

.site-nav-search .search input:focus {
  border-color: #ff6a00;
}

.site-nav-search .search input:focus + button {
  border-color: #ff6a00;
}

/* 子菜单区域 */
.site-sublist {
  width: 1241px;
  height: 170px;
}

.site-sublist .subnav {
  float: left;
  width: 234px;
  height: 170px;
  background-color: #ccc;
  margin-right: 14px;
}

.site-sublist .products {
  float: left;
  height: 170px;
}

.site-sublist .products a {
  float: left;
  width: 316px;
  height: 170px;
  margin-right: 15px;
}

/* .site-sublist .products a:last-child {
  margin-right: 0;
} */

.site-sublist .products a img {
  width: 100%;
}
